<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
                                    <!--#代表当前页面    -->
    <img src="../imgs/h.jpg" title="京东商城" usemap="#mymap">
    <map name="mymap">
     <!--area:区域   shape:形状             rect矩形      circle圆形               -->
     <!--href:资源路径 页面资源和文件资源  
                                   如果是文件资源浏览器支持浏览则浏览不支持则下载                    -->
      <area shape="rect" coords="0,0,100,200" href="http://www.jd.com">      <!-- 矩形 -->
      <area shape="circle" coords="382,450,43"  href="http://www.tmooc.cn/">
      <area shape="circle" coords="499,540,45.5"  href="http://doc.tedu.cn/tts/"><!-- 圆形 -->
</map>
</body>
</html>